<script type="text/javascript">
//页面加载时执行
$(function(){
	$.get("applicationSingle/getCardInfo",function(data){
		var content="<option value='' selected>请选择</option>";
		var i;
		$(data).each(function(n,item){
			for(i=0;i<item.certificates.length;i++){
				content+="<option value="+item.certificates[i].certificateType+">"
				+item.certificates[i].certificatesName+"</option>"
			}
			$("#paperTypeByUnlossCard").html(content);
		});
	},"json");
	
	$.ajax({
		url:"relieveLoss/getUnloosCardInfo",
		dataType:"json",
		async: false,
	    type: 'post',
        success:getUnloosCardInfo
	})	
});
</script>
<div class="pageHeader ">
	<form id="pagerForm" method="post" action="relieveLoss/getUnloosCardInfo" class="pageForm required-validate" onsubmit="return validateCallback(this,getUnloosCardInfo);">
		<input type="hidden" name="pageNum" value="" /> 
		<input type="hidden" name="numPerPage" value="" />
		<!-- <input type="hidden" name="pageCount" value="" /> -->
		<div class="searchBar">
			<!-- <table class="searchContent">
			<tr>
				<td><label>证件类型：</label></td>
				<td style="text-align:left"><select id="paperTypeByUnlossCard" name="paperType" class="">
			
				</select></td>
			
				<td><label>证件号码：</label></td>
				<td style="text-align:left"><input  name="paperNo"  class="" type="text" size="30"  alt="请输入……"/></td>
			</tr>
			<tr>
				<td><label>市民卡号：</label></td>
				<td style="text-align:left"><input  name="citizenCardNo"  class="digits" type="text" size="30"  alt="请输入……"/></td>
			
				<td><label>挂失凭证号：</label>
				<td style="text-align:left"><input  name="lossCertNo"  class="" type="text" size="30"  alt="请输入……"/></td>
			</tr>
			</table> -->
			<div class="row" style="padding: 0 10px;">
		<div class="col-md-6 col-sm-12" >
			<p ><label>证件类型：</label><select flag="paperCode" id="paperTypeByUnlossCard" name="paperType" class=""></select></p>			
		</div>
		<div class="col-md-6 col-sm-12" >
			<p><label>证件号码：</label><input  name="paperNo"  class="validIdentity" type="text" size="26" />
			</p>
		</div>
		</div>
		<div class="row" style="padding: 0 10px;">
		<div class="col-md-6 col-sm-12" >
			<p><label>市民卡号：</label><input  name="citizenCardNo"  class="validCitizenCardNo" type="text" size="26"/>
			</p>
		</div>
		<div class="col-md-6 col-sm-12" >
			<p><label>挂失凭证号：</label><input  name="lossCertNo"  class="validCertNo" type="text" size="26" /></p>
		</div>
		</div>
		<div class="subBar">
			<ul> 
				<li>
				<div class="buttonActive" ><div class="buttonContent" ><button type="submit" onclick="initCurrentPage()">查询</button></div></div>
				</li>
			</ul>
		</div>
		</div>
	</form>	
</div>

<form method="post" action="relieveLoss/goUnloosCardrRegister" class="pageForm required-validate" onsubmit="return validateCallback(this,navTabAjaxDone);">
		
	<div class="pageContent">
		<table class="table" width="100%" layoutH="298">
			<thead>
				<tr align="center">
					<!-- <th width="2%"><input name="" type="checkbox" group="unLossCard" class="checkboxCtrl"></th> -->
					<th width="3%">选择</th>
					<th width="10%"  >市民卡号</th>
					<th width="15%" >卡产品</th>
					<th width="15%" >姓名</th>
					<th width="15%" >证件类型</th>
					<th width="19%" >证件号码</th>
					<th width="10%" >卡状态</th>
					<th width="13%" >挂失凭证号</th>
				</tr>
			</thead>
			<tbody id="unLossCard">
				
			</tbody>
		</table>
	<!-- <div class="panelBar">
		<div class="pages">
			<span>显示</span>
			<select id="numPerPageByUnlossCard" name="numPerPage" onchange="paging(this,$('#getUnloosCardInfo'),getUnloosCardInfo)">
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="50">50</option>
				<option value="100">100</option>
			</select>
			<span id="totalCountByUnlossCard" ></span>
		</div>
			<div id="paginationByUnlossCard" class="pagination1"  ></div>
	</div> -->
	<div class="panelBar">
		<div class="pages">
			<span>显示</span>
			<select class="combox" name="numPerPage" onchange="navTabPageBreak({numPerPage:this.value},'unLossCard',getUnloosCardInfo)">
				<option value="20">20</option>
				<option value="50">50</option>
				<option value="100">100</option>
				<option value="200">200</option>
			</select>
			<span id="totalCountByUnlossCard">条，共${totalCount}条</span>
		</div>

		<div callback='getUnloosCardInfo' id="paginationByUnlossCard" rel="unLossCard" class="pagination" targetType="navTab" totalCount="200" numPerPage="5" pageNumShown="5" currentPage="1"></div>

	</div>
	<div class="pageFormContent">
		 <div class="formBar">
			<ul> 
				<li>
					<div class="buttonActive" >
						<div class="buttonContent" ><button type="submit" onclick="return validateChechBox7();">解挂登记</button></div>	
					</div>
				</li>
			</ul></div> 
			
		
	</div>
</div>
	</form>

